html.sap-phone .sapMStdTileNum, .sapMStdTileNum {
    font-size: 1rem;
}

html.sap-phone .sapMStdTileTitle {
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
}

html.sap-tablet:not(.sap-desktop) .sapUiTableVSb::-webkit-scrollbar-thumb, html.sap-phone .sapUiTableVSb::-webkit-scrollbar-thumb, html.sap-tablet:not(.sap-desktop) .sapUiTableHSb::-webkit-scrollbar-thumb, html.sap-phone .sapUiTableHSb::-webkit-scrollbar-thumb {
    background-color: #363E43;
    border-color: #363E43;
}

.hide {
    display: none;
}

.sapMTile {
    border: 1px solid #2C3E50;
    box-shadow: 0 0 0.125rem 0 rgba(255, 255, 255, 0.7);
}

.sapUiGlobalBackgroundColor, .sapMGlobalBackgroundColor, .sapMShellGlobalInnerBackground {
    background-image: none;
    background-color: transparent;
}

.sapUiTableTdFirst {
    /*background-color: #f7f7f7;*/
    /*background-color: #666;*/
    background-color: #34495e;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#34495e), to(#2C3E50));
    background-image: -webkit-linear-gradient(top, #34495e, #2C3E50);
    background-image: linear-gradient(to bottom, #34495e, #2C3E50);
    background-repeat: repeat-x;
}

.sapUiTableCtrlScrFixed {
    position: relative;
    z-index: 100;
    box-shadow: 1px 0 3px #333;
}

.sapUiTableTr.sapUiTableRowHvr > td:not(.sapUiTableTDDummy) {
    background-color: #333;
}

.sapUiTableTr.sapUiTableRowHvr > td:not(.sapUiTableTDDummy) .sapMLabel {
    color: #fff;
}

.sapUiTableTdFirst .sapMLabel, .sapUiTableTr.sapUiTableRowHvr > td:not(.sapUiTableTDDummy) .sapMLabel {
    color: #fff;
}

.sapUiTableCtrlFixed .sapUiTableCol.sapUiTableColLastFixed, .sapUiTableCtrlFixed .sapUiTableTr:not(.sapUiTableGroupHeader) > td:last-child {
    border-right: 1px solid #ddd;
}

.backgroundGreen {
    background-color: #27d327;
    background-repeat: repeat-x;
    background-image: -ms-linear-gradient(#27d327, #009d00);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #27d327), color-stop(100%, #009d00));
    background-image: -webkit-linear-gradient(#27d327, #009d00);
    background-image: linear-gradient(#27d327, #009d00);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

}

.sapUiTableTr.sapUiTableRowHvr > td.backgroundGreen:not(.sapUiTableTDDummy) {
    background-color: #009d00;
    background-image: -ms-linear-gradient(#009d00, #009d00);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009d00), color-stop(100%, #009d00));
    background-image: -webkit-linear-gradient(#009d00, #009d00);
    background-image: linear-gradient(#009d00, #009d00);
}

.backgroundRed {
    background-color: #ff5d00;
    background-repeat: repeat-x;
    background-image: -ms-linear-gradient(#ff5d00, #ff0d00);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff5d00), color-stop(100%, #ff0d00));
    background-image: -webkit-linear-gradient(#ff5d00, #ff0d00);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.sapUiTableTr.sapUiTableRowHvr > td.backgroundRed:not(.sapUiTableTDDummy) {
    background-color: #ff0d00;
    background-image: -ms-linear-gradient(#ff0d00, #ff0d00);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0d00), color-stop(100%, #ff0d00));
    background-image: -webkit-linear-gradient(#ff0d00, #ff0d00);
}

.backgroundYellow {
    background-color: #F1C40F;
    background-repeat: repeat-x;
    background-image: -ms-linear-gradient(#F1C40F, #F39C12);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F1C40F), color-stop(100%, #F39C12));
    background-image: -webkit-linear-gradient(#F1C40F, #F39C12);
    background-image: linear-gradient(#F1C40F, #F39C12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

}

.sapUiTableTr.sapUiTableRowHvr > td.backgroundYellow:not(.sapUiTableTDDummy) {
    background-color: #F39C12;
    background-image: -ms-linear-gradient(#F39C12, #F39C12);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F39C12), color-stop(100%, #F39C12));
    background-image: -webkit-linear-gradient(#F39C12, #F39C12);
}

.backgroundBlue {
    background-color: #3498DB;
    background-repeat: repeat-x;
    background-image: -ms-linear-gradient(#3498DB, #2980B9);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3498DB), color-stop(100%, #2980B9));
    background-image: -webkit-linear-gradient(#3498DB, #2980B9);
    background-image: linear-gradient(#3498DB, #2980B9);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);

}

.sapUiTableTr.sapUiTableRowHvr > td.backgroundBlue:not(.sapUiTableTDDummy) {
    background-color: #2980B9;
    background-image: -ms-linear-gradient(#2980B9, #2980B9);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2980B9), color-stop(100%, #2980B9));
    background-image: -webkit-linear-gradient(#2980B9, #2980B9);
}

.backgroundGreen .sapMLabel, .backgroundRed .sapMLabel, .backgroundYellow .sapMLabel, .backgroundBlue .sapMLabel {
    color: #fff;
}

html.sap-phone .sapMITB .sapMITBHead, .sapMITB .sapMITBHead {
    margin-top: 0;
}

.sapMITHBackgroundDesignSolid {
    background-color: #f2f2f2;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dff2f3), color-stop(50%, #dcecf0), color-stop(100%, #dde4eb));
    background-image: -webkit-linear-gradient(top, #dff2f3 0, #dcecf0 50%, #dde4eb 100%);
    background-image: linear-gradient(to bottom, #dff2f3 0, #dcecf0 50%, #dde4eb 100%);
    background-repeat: repeat, no-repeat;
}

.sapMMsgStripInformation {
    background-color: #34495e;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#34495e), to(#2C3E50));
    background-image: -webkit-linear-gradient(top, #34495e, #2C3E50);
    background-image: linear-gradient(to bottom, #34495e, #2C3E50);
    background-repeat: repeat-x;
    border-color: #ddd;
}

.sapMMsgStripInformation .sapMMsgStripIcon {
    color: #1abc9c;
}

.sapMMsgStrip, .sapMMsgStripIcon, .sapMText {
    font-size: 1.2rem;
}

.sapMMsgStripMessage {
    min-height: 1em;
}

.sapMText {
    color: #fff;
    font-weight: bold;
}

.sapMFlexBox {
    margin-bottom: 1rem;
}

.sapMFlexItemAlignAuto {
    padding-left: .125rem;
    padding-right: .125rem;
}

.sapMFlexItemAlignAuto:first-child {
    padding-left: 0;
}

.sapMFlexItemAlignAuto:last-child {
    padding-right: 0;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.sapUiTable, .sapMMsgStrip {
    -webkit-animation: fadeIn 1.2s linear;
    animation: fadeIn 1.2s linear;
}

.sapUiTable.sapUiTableOverlay > div:after {
    background-color: transparent;
}

.legend-label {
    line-height: 32px;
    color: #fff;
}

.legend-block {
    width: 32px;
    height: 32px;
    background-color: #27d327;
    display: inline-block;
    margin-right: 1em;
    vertical-align: middle;
}

.legend-green {
    background-color: #27d327;
    background-repeat: repeat-x;
    background-image: -ms-linear-gradient(#27d327, #009d00);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #27d327), color-stop(100%, #009d00));
    background-image: -webkit-linear-gradient(#27d327, #009d00);
    background-image: linear-gradient(#27d327, #009d00);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.legend-yellow {
    background-color: #F1C40F;
    background-repeat: repeat-x;
    background-image: -ms-linear-gradient(#F1C40F, #F39C12);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F1C40F), color-stop(100%, #F39C12));
    background-image: -webkit-linear-gradient(#F1C40F, #F39C12);
    background-image: linear-gradient(#F1C40F, #F39C12);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.legend-red {
    background-color: #ff5d00;
    background-repeat: repeat-x;
    background-image: -ms-linear-gradient(#ff5d00, #ff0d00);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff5d00), color-stop(100%, #ff0d00));
    background-image: -webkit-linear-gradient(#ff5d00, #ff0d00);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.fix-dp-display {
    width: 1px!important;
    opacity: 0;
    position: relative;
    top: 0;
    left: -100px;
    overflow: hidden;
}
